<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			ul{
				list-style: none;
				
				
			}
			.e li{
				float: left;
				width: 80px;
				height: 26px;
				background-color:gainsboro;
				font-size: 15px;
				text-align: center;
			}
			 .w{
				float: left;
				width: 500px;
				height: 26px;
				background-color:gainsboro;
			}
			.n{
				width: 270px;
				margin: -1px;
				background-color: azure;
				position: fixed;
				right: 110px;
				top: 20px;
			}
			.n li{
				float: left;
				width: 50px;
				height: 20px;
				font-size: 12px;
				padding-left:15px ;
				
			}
	
	
		</style>
	</head>
	<body>
		<div class="w">
	    	<img src="img/image/logo.gif" />
	    </div>
		
			
		<div class="e">
	    <ul>
	    	
	    	 <li>购物车</li>
	    	 <li><img src="img/image/top_bg.gif" /></li>
             <li>优惠券</li>
             <li><img src="img/image/top_bg.gif" /></li>
             <li> 快速注卡</li>
             <li><img src="img/image/top_bg.gif" /> </li>
             <li>各地购课</li>
             <li><img src="img/image/top_bg.gif" /></li>
             <li>手机报</li> 
             <li><img src="img/image/top_bg.gif" /> </li>
             <li>网站导航</li>
             <li><img src="img/image/open_icon.gif" /></li>
             
	    </ul>
	    </div>
	  
	    <div class="n">
	    <ul>
	    	<li>托福</li>
	    	<li>雅思</li>
	    	<li>考研</li>
	    	<li>职称英语</li>
	    	<li>初中</li>
	    	<li>日语</li>
	    	<br /><br />
	    	<li>网络课堂</li>
	    	<li>资讯中心</li>
	    	<li>知识堂 </li>
	    	<li>大师讲坛 </li>
	    	<li>学习论坛</li>
	    	 <li>学词 </li>
	    	 <li>考研搜校</li>
	    	 <br /><br />
	    	 <li>M-Zone</li>
	    	<li>手机报 </li>
	    	<li>时时英语</li>
	    </ul>
	    </div>
	</body>
</html>
